{include file="common/header.tpl"}   
    <div id="vfriendContainer">
    	{include file="user/navigation.tpl" step=1}
        <div id="mainContent2R">
            <div class="vfriendContainer2R">
                <div class="vfriendContent2R">                	
                    <div class="circleBorder clearIt lFloat">
                        <div class="leftCol">
                            <div class="boxAdditional">
                            	<div class="headerTitle"><h3>Thông tin cá nhân</h3></div>
                                {if isset($smarty.get.err)}
                                    <div class="error lMargin10 rMargin10"><div class="errorMessage">{$arrError[$smarty.get.err]}</div></div>
                                {/if}
                                
                                <div class="additionalItem">
                                    <form method="post" id="frmPerson" name="frmPerson" action="{$smarty.const.HOST_VFRIEND}user/save" enctype="application/x-www-form-urlencoded">
                                        <input type="hidden" name="ptype" value="{pow x=2 y=0}" />
                                        <div class="additionalItems">
                                            <div class="userInput">
                                                <label for="pusername" class="text">Username <span class="symbolRequire">*</span>:</label>
                                                <input type="text" id="pusername" name="pusername" maxlength="30" tabindex="1" class="text" />
                                                <span id="urlFriendly">{$smarty.const.HOST_VFRIEND}</span>
                                            </div>
                                            <div class="userInput">
                                                <label for="pmobile" class="text">Di động:</label>
                                                <input type="text" id="pmobile" name="pmobile" maxlength="30" tabindex="2" class="text"/>
                                            </div>
                                            <div class="userInput">
                                                <label for="peducation" class="text">Trình độ học vấn <span class="symbolRequire">*</span>:</label>
                                                <div class="pEducation">
                                                    <select id="peducation" name="peducation" onchange="personalOther(this.value, 'sec_education');" tabindex="3" class="select" title="Chọn">
                                                        <option value="">Chọn</option>
                                                        {html_options options=$arrEducation}
                                                        <option value="-1">Khác</option>
                                                    </select>
                                                </div>
                                                <div class="secOther" style="display:none" id="sec_education">
                                                    <input type="text" id="peducation_type" name="peducation_type" value="" tabindex="3" maxlength="150" class="text"/>
                                                </div>
                                            </div>
                                            <div class="userInput">
                                                <label for="poccupation" class="text">Nghề nghiệp <span class="symbolRequire">*</span>:</label>
                                                <div class="pOccupation">
                                                    <select id="poccupation" name="poccupation" onchange="personalOther(this.value, 'sec_occupation');" tabindex="4" class="select" title="Chọn">
                                                        <option value="">Chọn</option>
                                                        {html_options options=$arrOccupation}
                                                        <option value="-1">Khác</option>
                                                    </select>
                                               	</div>
                                                <div class="secOther" style="display:none" id="sec_occupation">
                                                    <input type="text" id="poccupation_type" name="poccupation_type" value="" tabindex="4" maxlength="150" class="text"/>
                                                </div>
                                            </div>
                                            <div class="userInput">
                                                <label for="pposition" class="text">Chức vụ <span class="symbolRequire">*</span>:</label>
                                                <div class="pPosition">
                                                    <select id="pposition" name="pposition" onchange="personalOther(this.value, 'sec_position');" tabindex="5" class="select" title="Chọn">
                                                        <option value="">Chọn</option>
                                                        {html_options options=$arrPosition}
                                                        <option value="-1">Khác</option>
                                                    </select>
                                               	</div>
                                                <div class="secOther" style="display:none" id="sec_position">
                                                    <input type="text" id="pposition_type" name="pposition_type" value="" tabindex="5" maxlength="150" class="text"/>
                                                </div>
                                            </div>
                                            <div class="userInput">
                                                <label for="pmarital" class="text">Tình trạng hôn nhân <span class="symbolRequire">*</span>:</label>
                                                <div class="pMarital">
                                                    <select id="pmarital" name="pmarital" onchange="personalOther(this.value, 'sec_marital');" tabindex="6" class="select" title="Chọn">
                                                        <option value="">Chọn</option>
                                                        {html_options options=$arrMarital}
                                                        <option value="-1">Khác</option>
                                                    </select>
                                               	</div>
                                                <div class="secOther" style="display:none" id="sec_marital">
                                                    <input type="text" id="pmarital_type" name="pmarital_type" value="" tabindex="6" maxlength="150" class="text"/>
                                                </div>
                                            </div>
                                            <div class="userInput">
                                                <label for="preligion" class="text">Tôn giáo <span class="symbolRequire">*</span>:</label>
                                                <div class="pReligion">
                                                    <select id="preligion" name="preligion" onchange="personalOther(this.value, 'sec_religion');" tabindex="7" class="select" title="Chọn">
                                                        <option value="">Chọn</option>
                                                        {html_options options=$arrReligion}
                                                        <option value="-1">Khác</option>
                                                    </select>
                                               	</div>
                                                <div class="secOther" style="display:none" id="sec_religion">
                                                    <input type="text" id="preligion_type" name="preligion_type" value="" tabindex="7" maxlength="150" class="text"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="additionalItems">
                                            <div class="userInput pIntroduce">
                                                <label for="pintroduce" class="textarea">Tự giới thiệu <span class="symbolRequire">*</span>: <span id="introCount" class="rFloat"></span></label>
                                                <textarea id="pintroduce" name="pintroduce" rows="0" cols="0" class="clearIt" tabindex="8"></textarea>
                                            </div>
                                            <div class="secAction">
                                                <input type="image" src="{$smarty.const.HOST_STATICS}img/btn/info-next.png" class="lMargin10 rMargin10 rFloat" tabindex="9" />
                                                <p style="line-height:22px;"><span class="symbolRequire">*</span>: Trường thông tin bắt buộc nhập.</p>
                                            </div>
                                        </div>
                                        
                                    </form>
                                </div>
                            </div>
                        </div>
                    	<div class="rightCol">
                        	{include file="user/box-help.tpl" type=1}
                        </div>
                  	</div>
               	</div>
            </div>
        </div>
    </div>
    {include file="common/footer.tpl"}